<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
    <script type="text/javascript" src="js/selectivizr-min.js"></script>
    <![endif]-->
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/custom.min.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
    <title>Flowhub HTML version</title>
    <script type="text/javascript">
        // Google Analytics
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-25927203-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
<noscript>
    <div id="noscript-warning">
        <p>JavaScript is disabled. <em>This site works best with JavaScript enabled</em></p>
    </div>
</noscript>
<!-- begin container -->
<div class="container">
    <!-- begin header -->
    <div id="header" class="clearfix with_social_widget">
        <div id="heading">
            <div id="heading_right">
                <div id="heading_bg">
                    <h1><a href="#"><img src="images/logo.png" alt="Flowhub" /></a></h1>
                    <h2>news + blogging = flow</h2>
                    <!--
                    ** Two Options: **
                       1) advertisement (#adv_468)
                       2) social icons (.share)
                    -->
                    <!--
                    <div id="adv_468">
                        <a href="#">
                            <img src="images/adv_468_filler.png" alt="advertisement"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                    </div>
                    -->
                    <div class="share">
                        <ul>
                            <li><a class="stumbleupon" href="#" title="Flowhub on StumbleUpon">Flowhub on StumbleUpon</a></li>
                            <li><a class="technorati" href="#" title="Flowhub on Technorati">Flowhub on Technorati</a></li>
                            <li><a class="twitter" href="#" title="Flowhub on Twitter">Flowhub on Twitter</a></li>
                            <li><a class="delicious" href="#" title="Flowhub on Delicious">Flowhub on Delicious</a></li>
                            <li><a class="facebook" href="#" title="Flowhub on Facebook">Flowhub on Facebook</a></li>
                            <li><a class="digg" href="#" title="Flowhub on Digg">Flowhub on Digg</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="teal"
        -->
        <div id="navigation" class="teal">
            <a class="home" href="#">home</a>
            <ul id="nav">
	            <li>
                    <a><span>Flowhub pages</span></a>
                    <ul>
                        <li><a href="#">Example Page</a></li>
                        <li>
                            <a href="#">Individual Post</a>
                            <ul>
                                <li><a href="#">Full Width</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Newsletter</a></li>
                        <li>
                            <a href="#">Search</a>
                            <ul>
                                <li><a href="#">No Results</a></li>
                            </ul>
                        </li>
                        <li><a href="404.html">404</a></li>
                    </ul>
                </li>
                <li>
                    <a><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a>menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
                <li>
                    <a href="#"><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
            </ul>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="rss" class="red">
            <a href="#">1,634 <span>feed subscribers</span></a>
        </div>
        <!--
        You can either enable this social widget or not. If you don't want to use it then just comment out this whole div block. If you do want to enable this widget then please uncomment the block and add the following class to the header div (#header): with_social_widget
        -->
        <div id="follow">
            <div id="follow_tw">
                <a href="#">5684 <span>followers</span></a>
            </div>
            <div id="follow_fb">
                <a href="#">9864 <span>likes</span></a>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="search" class="red">
            <div id="search_right">
                <div id="search_bg">
                    <form class="searchform" method="get" action="#">
                      <fieldset>
                            <legend class="hidden">Search form</legend>
                            <div class="input-holder">
                                <input class="search" name="s" type="text" placeholder="Search Here" />
                            </div>
                        <select id="cat">
                                <option>All Posts</option>
                                <option>Fashion</option>
                                <option>Internet</option>
                                <option>Latest Trends</option>
                                <option>Marketing</option>
                                <option>Stock Market</option>
                                <option>Typography</option>
                                <option>Uncategorized</option>
                          </select>
                          <button value="submit" class="search_btn">Search</button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- end header --><!-- begin content # -->
<div id="content_container">
    <div id="content_container_bg" class="clearfix">
        <div id="content" class="newsletter page">
            <div id="postcontainer">
                <h1>You Successfully Subscribed To My Newsletter.</h1>
                <p>
                    You'll receive in few minutes a confirmation email. Follow the link in it to confirm the
                    subscription. If the email takes more than 15 minutes to appear in your mailbox, check the spam
                    folder.
                </p>
            </div>
        </div>
                <!-- begin sidebar -->
      <div id="sidebar">
            <!--
            choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
            default: class="teal"
            -->
            <div id="newsletter" class="teal">
                <form action="#" class="newsletterform">
                  <fieldset>
                        <legend class="hidden">get our newsletter</legend>
                    <div class="input-holder">
                            <input type="text" placeholder="Enter E-mail Address" class="email"/>
                      </div>
                      <button class="email_btn">Submit</button>
                    </fieldset>
                </form>
            </div>
        <div id="adv_125">
                <ul>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
        </ul>
                <div id="adv_w_us">
                    <a class="btn" href="#"><span>Advertise With Us</span></a>
                </div>
          </div>
          <div id="tabs">
              <ul id="tabs_nav">
                  <li class="first selected"><a><span>Top Posts</span></a></li>
                  <li><a><span>Comments</span></a></li>
                  <li><a><span>Latest Posts</span></a></li>
              </ul>
              <div id="tab_top">
                  <div id="tab_btm">
                      <div id="tab_cont">
                          <ul class="small active">
                              <li><a href="#">Iaculis Ante Gravida<span>11</span></a></li>
                              <li><a href="#">Curabitur non<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Postt<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>4</span></a></li>
                              <li><a href="#">Hello world!<span>3</span></a></li>
                          </ul>
                          <ul class="big">
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                          </ul>
                          <ul class="small">
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>11</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>3</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>2</span></a></li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- end sidebar -->    </div>
</div>
<!-- end content # -->
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer_bg">
  <div class="container">
        <hr/>
        <div id="footer">
            <div class="box">
                <h3><a href="#">Fashion</a></h3>
                <ul>
                    <li><a href="#">Latest Trends</a></li>
                    <li><a href="#">Brands</a></li>
                    <li><a href="#">Seasonal Trends</a></li>
                    <li><a href="#">Accessories</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Technology</a></h3>
                <ul>
                    <li><a href="#">Gadgets</a></li>
                    <li><a href="#">Gaming</a></li>
                    <li><a href="#">Mods</a></li>
                    <li><a href="#">Software</a></li>
                </ul>
                <ul>
                    <li><a href="#">Microsoft</a></li>
                    <li><a href="#">Linux/Unix</a></li>
                    <li><a href="#">Apple</a></li>
                    <li><a href="#">Security</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Business</a></h3>
                <ul>
                    <li><a href="#">Internet</a></li>
                    <li><a href="#">Marketing</a></li>
                    <li><a href="#">Stock Market</a></li>
                    <li><a href="#">Economy</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Design</a></h3>
                <ul>
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Typography</a></li>
                    <li><a href="#">Illustration</a></li>
                    <li><a href="#">Print</a></li>
                </ul>
            </div>
      </div>
        <hr/>
      <div id="love">
          <p>Powered by <a href="#" rel="external">WordPress</a>. Icons by <a href="#" rel="external">Komodo Media</a>.</p>
          <p class="credits">Theme by <a href="#" rel="external">Monkify</a></p>
      </div>
    </div>
</div>
<script type="text/javascript">Cufon.now();</script>
<!-- end footer -->
</body>
</html>